<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>CSS Test: direction:rtl - ordered list</title>
    <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/>
    <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style"/>
    <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" />
    <meta name="flags" content=""/>
    <meta name="assert" content="direction:rtl should apply to nested ordered lists, putting bullets  on the right and offset leftwards"/>
    <style type="text/css">* { margin: 0; padding: 0 }<![CDATA[
      ol {direction: rtl;}
      ul,li {padding-left:2em;padding-right:2em;}
    ]]></style>
  </head>
  <body>
    <ol>
      <li>This list has three items</li>
      <li>And should be right-aligned</li>
      <li>With numbers to the right
	<ol>
	  <li>This list should be indented from the right</li>
	  <li>And should be right-aligned</li>
	  <li>With bullets to the right</li>
	</ol>
      </li>
    </ol>
  </body>
</html>
